<template>
  <div>
    <el-form-item label="显示">
      <el-switch v-model="axisLabel.show"></el-switch>
    </el-form-item>
    <el-form-item label="字体大小">
      <el-input-number
        v-model="axisLabel.fontSize"
        :max="99"
        :min="10"
        :step="1"
      >
      </el-input-number>
    </el-form-item>
    <el-form-item label="字体颜色">
      <el-color-picker v-model="axisLabel.color" show-alpha> </el-color-picker>
    </el-form-item>
  </div>
</template>

<script>
export default {
  name: "Label",
  inject: ["father"],
  computed: {
    axisLabel: {
      get() {
        console.log(this.father.echartsOptions.radar.axisLabel);
        return this.father.echartsOptions.radar.axisLabel;
      },
      set(val) {
        this.father.echartsOptions.radar.axisLabel = val;
      },
    },
  },
};
</script>

<style scoped>
</style>